<template>
  <!-- 公共头部 -->
  <div class="my-footer">
    <div class="mh">
      <div class="header-text">
        <h4 style="margin: 0">购物指南</h4>
        <ul>
          <li><a>购物流程</a></li>
          <li><a>会员介绍</a></li>
          <li><a>常见问题</a></li>
          <li><a>联系客服</a></li>
        </ul>
      </div>
      <div class="header-text">
        <h4 style="margin: 0">配送方式</h4>
        <ul>
          <li><a>上门自提</a></li>
          <li><a>闪电发送</a></li>
          <li><a>国内配送</a></li>
          <li><a>国外配送</a></li>
        </ul>
      </div>
      <div class="header-text">
        <h4 style="margin: 0">支付方式</h4>
        <ul>
          <li><a>货到付款</a></li>
          <li><a>在线支付</a></li>
          <li><a>分期消费</a></li>
          <li><a>公司转账</a></li>
        </ul>
      </div>
      <div class="header-text">
        <h4 style="margin: 0">售后服务</h4>
        <ul>
          <li><a>售后政策</a></li>
          <li><a>价格保护</a></li>
          <li><a>7天无理由</a></li>
          <li><a>退款说明</a></li>
        </ul>
      </div>
      <div class="header-text">
        <h4 style="margin: 0">其他声明</h4>
        <ul>
          <li><a>关于我们</a></li>
          <li><a>联系我们</a></li>
          <li><a>隐私政策</a></li>
          <li><a>招商合作</a></li>
          <li><a>友情链接</a></li>
          <li><a>加入我们</a></li>
        </ul>
      </div>
      <div class="header-text">
        <h4 style="margin: 0">公众号</h4>
        <br>
        <img src="../../assets/psjt.jpg" style="height: 100px; width: 100px"/>
      </div>
    </div>
    <div style="color: #fff;">
      鲁ICP0088999备案
      <br>
      Copyright @2021-CXPS版权所有
    </div>
  </div>
</template>

<script>
  export default {
    name: "myFooter",
    data(){
      return{

      }
    }
  }
</script>

<style scoped>
  .my-footer {
    background-color: #000;
    min-height: 26%;
    display: block;
  }

  .mh {
    width: 1188px;
    margin: auto;
  }

  ul {
    display: block;
    padding-inline-start: 0px;
    margin: 0px;
  }

  li {
    /*float: left;*/
    /*display: list-item;*/
    list-style: none;
    font-size: 12px;
  }

  li a {
    cursor: pointer
  }

  .header-text {
    color: #fff;
    display: block;
    line-height: 26px;
    float: left;
    width: 168px;
  }
  .header-text2 {
    color: #fff;
    display: block;
    line-height: 26px;
    float: left;
    width: 168px;
  }

  h4{
    color: #FFD700;
  }

</style>
